<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
  <title>美恋婚恋系统</title>
  <link rel="shortcut icon" href="./static/images/favicon.ico">
  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <!--  <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>-->
  <script>
    var jq;
    var APP_NAME = '美恋婚恋系统';

    var system_configs = {
      production: {
        base_url: '//marriage.server.cn/api/op.php',
        base_file_url: '//img.server.cn/upload.php',
        base_static_url: '//marriage.server.cn/static/',
        base_mp_url: '//marriage.server.cn/mp/',
        base_path: '/op/'
      },
      development: {
        base_url: 'http://local/dev/tp-boot/api/marriage/op.php',
        base_file_url: 'http://local/dev/tp-boot/api/file/upload.php',
        base_static_url: 'http://local/dev/vm/static/marriage/',
        base_mp_url: 'http://local/marriage/mp/',
        base_path: '/marriage/op/'
      }
    };
  </script>

  <style type="text/css">
    .app-wrapper {
      margin: 0 auto;
    }
    .app-wrapper-h5 {
      margin: 0 auto;
      min-width: 320px;
      max-width: 640px;
    }
  </style>
</head>
<body style="background-color:#ECF0F5;">
<div id="app" class="app-wrapper"></div>
<!-- built files will be auto injected -->

<script>
  function isMobile() {
    var u = navigator.userAgent, app = navigator.appVersion;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //如果输出结果是true就判定是android终端或者uc浏览器
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //根据输出结果true或者false来判断ios终端
    if(isAndroid || isiOS) {
      return  true;
    } else {
      return false;
    }
  }

  window.onload = function () {
    jq = $.noConflict();

    if(isMobile()) {
      jq('#app').addClass('app-wrapper-h5');
    }
  }
</script>
</body>
</html>
